<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0"/>
    <meta name="format-detection" content="telphone=no, email=no" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <!-- 启用360浏览器的极速模式(webkit) -->
    <meta name="renderer" content="webkit"/>
    <!-- 避免IE使用兼容模式 -->
    <meta name="HandheldFriendly" content="true"/>
    <meta th:replace="head-cssjs" />
    <!-- 微软的老式浏览器 -->
    <link rel="stylesheet" href="../css/pagecss/pagethree.css"  th:href="@{/css/pagecss/pagethree.css}"></link>
    <title>page3</title>
</head>
<body>
    <header>原创文章</header>
    <section class="content">
				<div class="row">
					<div class="col-md-12">
						<form id="usersInputForm" method="post" class="form-horizontal">
							<div id="maincontent" class="box box-primary"
								style="overflow-y: auto; overflow-x: hidden;">
								<div class="box-body">
									<div class="form-group">
										<div class="col-md-12">
											
											<div class="box box-success"
												th:attrappend="style=${page == null ? 'display: none;' : ''}">
												<div class="col-md-12" style="width: 99%;">
													<table id="searchResult"
														class="table table-condensed table-striped table-hover">
														<tbody>
															<tr th:each="content, iterStat : ${page}">
																<td class="col-md-1" th:id="${iterStat.index}"
																	th:name="${iterStat.index}"
																	th:value="${iterStat.index}"
																	th:text="${iterStat.index} + 1"></td>
																	
																<td class="col-md-1"
																	th:id="'page['+${iterStat.index}+'].title'"
																	th:name="'page['+${iterStat.index}+'].title'"
																	th:value="${content.title}"
																	th:text="${content.title}">
																	<a  href="@{../images/page2/xin.jpg}" th:text="${content.title}" >  </a>
																	</td>
															</tr>
														</tbody>
													</table>
												</div>
											</div>
											<div th:if="${page} != null and ${ph} != null " class="row">
												<div class="col-md-12">
													<p class="pageList">
														总共 <span th:text="${page.totalElements}"></span>条 <span
															class="prev"
															th:attr="style=${ph.hiddenFirst} ? 'visibility:hidden'"><a
															class="js-pagenation"
															th:href="@{/article/pagethree(page=0,size=${page.size})}"
															id="searchIdFirst">首页</a></span> <span class="prev"
															th:attr="style=${ph.hiddenPrev} ? 'visibility:hidden'"><a
															class="js-pagenation"
															th:href="@{/article/pagethree(page=${page.number - 1},size=${page.size})}">上一页</a></span>
														<span th:text="${page.number + 1}"></span> / <span
															th:text="${page.totalPages}"></span> 页 <span class="next"
															th:attr="style=${ph.hiddenNext} ? 'visibility:hidden'"><a
															class="js-pagenation"
															th:href="@{/article/pagethree(page=${page.number + 1},size=${page.size})}">下一页</a></span>
														<span class="next"
															th:attr="style=${ph.hiddenLast} ? 'visibility:hidden'"><a
															class="js-pagenation"
															th:href="@{/article/pagethree(page=${page.totalPages - 1},size=${page.size})}">末页</a></span>
													</p>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</form>
					</div>
				</div>
			</section>
			<div th:replace="bottom-js"></div>

	<script th:inline="javascript">
		/*<![CDATA[*/
		$(document).ready(function() {

			$('.js-pagenation').each(function() {
				$(this).click(function() {
					$('#usersInputForm').attr('action', $(this).attr('href'));
					$(this).attr('href', '#');
					$('#usersInputForm').submit();
				});
			});
		});
		/*]]>*/
	</script>

</body>
</html>